<template>
  <el-tabs v-model="activeName"  type="card" class="app-container" >
    <el-tab-pane label="数据实时监测" name="first">
      <RealData></RealData>
    </el-tab-pane>
    <el-tab-pane label="数据曲线图表统计" name="second">
      <TotalData></TotalData>
    </el-tab-pane>
    <el-tab-pane label="历史数据查询统计" name="third">
      <HisData></HisData>
    </el-tab-pane>
    <el-tab-pane label="报警数据查看" name="fourth">
      <AlertData></AlertData>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import RealData from "@/views/iot/realData.vue"
import TotalData from "@/views/iot/totalData.vue"
import HisData from "@/views/iot/hisData.vue"
import AlertData from "@/views/iot/alertData.vue"

export default {
  name: "iot",
  components:{RealData,TotalData,HisData,AlertData},
  data(){
    return{
      loading: true,
      activeName: 'first'
    }
  }

};
</script>
